<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>英邦国际物流-跟踪查询</title>
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/common.css" />
	<link href="css/index.css" rel="stylesheet"/>

</head>
<body>
<nav class="navbar navbar-default">
	<div class="container">
		<div class="mynav hidden-xs">
			<div class="logo"><img src="images/logo.png"/></div>
			<div class="tel"><span></span><label>020-86213617</label></div>
			<div class="nav">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li class="active"><a href="order_bak2.html">跟踪查询</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
			</div>
		</div>

		<div class="navbar-header visible-xs">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-hide-content" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/">
				<img class="logo-xs" src="images/logo.png"/>
			</a>
		</div>

		<div class="collapse" aria-expanded='false' id="navbar-hide-content">
			<ul class="nav">
				<li class="active"><a href="#">首页</a></li>
				<li><a href="#">跟踪查询</a></li>
				<li><a href="#">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
		</div>
	</div>
</nav>

<div class="order-check-box">
	<div class="container">
		<div class="col-xs-12">
			<div class="search-box">
				<div class="search-item-bg" id="searchBox">

				</div>
				<!--按钮-->
				<div class="check-btn-box">
					<div class="btn-common btn-check">查询</div>
					<div class="btn-common btn-clear">清空</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="container">
	<div class="col-xs-12">
		<div class="nav-order-status">
			<ul class="clear-float">
				<li class="active">所有(15)<span></span></li>
				<li>成功签收(15)<span></span></li>
				<li>运输途中(4)<span></span></li>
				<li>查询不到(4)<span></span></li>
			</ul>
		</div>
		<div class="status-content">
			<ul class="header">
				<li class="clear-float">
					<div class="track-number">运单号(状态)</div>
					<div class="track-content">物流信息</div>
				</li>
			</ul>
			<ul class="content" id="content">
				<li class="clear-float">
					<div class="track-number"><label>1050901817</label><span>(运输中)</span></div>
					<div class="track-content">
						<span class="show-more"></span>

						<div class="track-items">
							<div class="track-item">
								<div>
									<div class="first-line"></div>
									<div class="last-line"></div>
									<div class="solid-point"></div>
								</div>
								<div class="time">2017-08-25 11:15:53</div>
								<div class="address">Кинешма(基涅什马)，ВрученКинешма(基涅什马),ВрученКинешма(基涅什马)，ВрученКинешма(基涅什马),Кинешма(基涅什马),</div>
							</div>

							<div class="track-item">
								<div>
									<div class="first-line"></div>
									<div class="last-line"></div>
									<div class="solid-point"></div>
								</div>
								<div class="time">2017-08-25 11:15:53</div>
								<div class="address">Кинешма(基涅什马)，ВрученКинешма(基涅什马),ВрученКинешма(基涅什马)，ВрученКинешма(基涅什马),Кинешма(基涅什马),</div>
							</div>

							<div class="track-item">
								<div>
									<div class="first-line"></div>
									<div class="last-line"></div>
									<div class="solid-point"></div>
								</div>
								<div class="time">2017-08-25 11:15:53</div>
								<div class="address">Кинешма(基涅什马)，ВрученКинешма(基涅什马),ВрученКинешма(基涅什马)，ВрученКинешма(基涅什马),Кинешма(基涅什马),</div>
							</div>
						</div>



					</div>
				</li>
				<li class="clear-float">
					<div class="track-number">1050901943(运输中)</div>
					<div class="track-content">2017-08-30 09:14:56 Березники(别列兹尼基 ),Вручен</div>
				</li>
				<li class="clear-float">
					<div class="track-number">1050901702(运输中)</div>
					<div class="track-content">2017-08-30 09:14:56 Березники(别列兹尼基 ),Вручен</div>
				</li>
				<li class="clear-float">
					<div class="track-number">1050901992(运输中)</div>
					<div class="track-content">2017-08-30 09:14:56 Березники(别列兹尼基 ),Вручен</div>
				</li>
			</ul>
		</div>
	</div>
</div>





<footer>
	<div class="links">
		<div class="container">
			<ul>
				<li>友情链接　/　LINKS　</li>
				<li><a href="http://www.17track.net" target="_blank">17TRACK-全球物流查询平台</a></li>
				<li><a href="http://www.ruston.cc/" target="_blank">俄速通</a></li>
				<li><a href="http://www.sprintpack.com.cn/" target="_blank">欧速通</a></li>
				<li><a href="order_bak2.html" target="_blank">包裹查询</a></li>
			</ul>
		</div>
	</div>

	<div class="company-info">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-6">
					<div class="info-item-box">
						<ul>
							<li><a>走进英邦</a></li>
							<li><a>关于我们</a></li>
							<li><a>企业文化</a></li>
							<li><a>发展历程</a></li>
							<li><a>合作伙伴</a></li>
							<li><a>公司荣誉</a></li>
						</ul>
						<ul>
							<li><a>咨询中心</a></li>
							<li><a>新闻公告</a></li>
							<li><a>行业动态</a></li>
						</ul>
						<ul>
							<li><a>人才招聘</a></li>
							<li><a>人才理念</a></li>
							<li><a>招聘职位</a></li>
							<li><a>员工风采</a></li>
						</ul>
						<ul>
							<li><a>客户服务</a></li>
							<li><a>常见问题</a></li>
							<li><a>订单咨询</a></li>
							<li><a>在线客服</a></li>
						</ul>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6">
					<div class="qr-code-box clear-float">
						<div class="qr-code">
							<img src="images/code.png"/>
							<div>微信公众号</div>
						</div>
						<div class="qr-code">
							<img src="images/code.png"/>
							<div>官方微博</div>
						</div>
					</div>
					<div class="btn-tel">
						<span class="cursor-pointer">020-86213617</span>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="copyright">
		Copyright © 2009 3856.cc  All Rights Reserved   深圳英邦物流有限公司版权所有
	</div>


</footer>

<script src="js/jquery1.12.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/font.js" ></script>
<script>
	function createText(){
		var textItem = $("<div>").addClass("item");
		var label = $("<label>");
		var input = $("<input>").attr("type","text");
		var span = $("<span>");
		textItem.append(label).append(input).append(span);
		$("#searchBox").append(textItem);
		input.focus();
		input.keydown(function(event){
			if(event.keyCode ==8&&$(this).val()==""){
				removeText($(this));
			}
		});
		label.text(1+$("#searchBox").children().index(textItem)+".");
	}
	function removeText($dom){
		var focusInput = $("#searchBox").children().index($dom.parent())-1;
		if(focusInput>=0){
			$("#searchBox").children().eq(focusInput).find("input").focus();
			$dom.parent().remove();
		}

	}
	$(function(){

		$("#searchBox").addClass("search-item-bg-click");
			createText();
		$(".content .track-content").find('.show-more').on('click',function(){
			$(this).parents('li').addClass('showall')
		})
//		$("#searchBox").on("blur",function(){
//			$(this).removeClass("search-item-bg-click");
//		});
		$("#searchBox").keydown(function(event){
			if(event.keyCode ==13){
				createText();
			}
		});
	});
</script>
</body>
</html>